// 取消右侧默认的边框颜色
.el-menu {
  border-right: none; 
}
/* 左侧导航栏选中颜色 */
.el-submenu .el-menu-item {
  font-size:14px;
  padding-left:50px!important;
  &.is-active{ background-color: rgba(245,108,108,0.2)!important; }
}

/* 修改一级菜单背景颜色*/
li.el-submenu{
  &.is-active.is-opened .el-submenu__title{  background-color: $mainColor!important; }
}

.el-menu-item-group__title {
  padding: 0px 0 0px 20px; 
}

// 导航缩小的时候
.close {
  .el-submenu{
    &.is-opened{
      > .el-submenu__title{
        background-color: $mainColor!important;
      }
    }
  }
}

.el-menu--vertical{
  .el-menu{
    background-color: rgba(0,0,0,.5)!important;
  }
  .el-menu-item{line-height: 56px;}
  .el-menu-item:hover{
    background-color: $mainColor!important;
  }
}